<template>
    <BaseEcharts :chatsOption="chatsOption"></BaseEcharts>
</template>

<script>
    import BaseEcharts from "../../../components/common/Cahrts/coreEcharts"
    import pieBaseConfig from "../../../echartsBaseConfig/pie"

    export default {
        components: {
            BaseEcharts
        },
        data() {
            return {
                chatsOption: {

                    ...pieBaseConfig,

                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: '65%',
                            center: ['50%', '50%'],
                            label: {
                                position: 'outer',
                                // bleedMargin: 5,
                                fontSize: 30,
                                alignTo: 'labelLine',
                            },
                            labelLine: {
                                show: true,
                            },
                            data: [
                                {value: 335, name: '直接访问'},
                                {value: 310, name: '邮件营销'},
                                {value: 234, name: '联盟广告'},
                                {value: 135, name: '视频广告'},
                                {value: 1548, name: '搜索引擎'}
                            ],
                            emphasis: {
                                itemStyle: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            }
                        }
                    ]
                }
            }
        }

    }
</script>
